<template>
  <div>
    <div class="qrcode" ref="qrCodeUrl"></div>
  </div>
</template>

<script>
  import QRCode from 'qrcodejs2'
  export default {
    props:['url'],
    methods:{
      creatQrCode() {
          var qrcode = new QRCode(this.$refs.qrCodeUrl, {
              text: this.url, // 需要转换为二维码的内容
              width: 450,
              height: 450,
              colorDark: '#000000',
              colorLight: '#ffffff',
              correctLevel: QRCode.CorrectLevel.H
          })
      },
    },
    mounted() {
        this.creatQrCode();
    },
  }
</script>

<style>
</style>
